<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" href="../../ht-css/combo.select.css">
    <title>权限管理</title>
    <style>
        .relation{
            background: #FFFFFF;
            border: 1px solid #00a0e9;
        }
        .relation li{
            line-height: 2;
        }
        .relation li:hover{
            background: #00a0e9;
            color: #FFFFFF;
        }
        .guanlian{
            position: absolute;
            top: 35px;
            width:100%;
            overflow-y:scroll;
            max-height: 150px;
            display: none;
            z-index: 999;
        }
        .guanlian li{
            text-indent:20px;
        }
    </style>
</head>
<body>
    <div class="pd-30">
        <table class="table_li mb-10 table">
            <thead class="text-l">
        <div style="position: relative">
            <input type="text" class="input-text radius"  name="moli"   placeholder="请输入账号或姓名进行添加" onclick="myFunction()" oninput="myFunction()" id="username" autocomplete="off" >
            <ul class="relation radius guanlian" id="tuan">
                <li>无数据</li>
            </ul>
        </div>
        <div class="mt-20">
            <strong>所属账号列表</strong>
        </div>
            </thead>
        </table>
            <table class="table_li mb-10 table">
                <thead class="text-l">
            <tr>
                <td style="width: 177px;">
                    <div class="row ml-10">
                        <label class="form-label f-l pt-5 text-r w-85">工号：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" style="width: 117px;" class="input-text radius w-250 f-l" maxlength="20"  id="jobnumber" name="jobnumber"  placeholder="请输入工号" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" autocomplete="off">
                        </div>
                    </div>
                </td>
                <td style="width: 151px;">
                    <div class="row ml-10">
                        <label class="form-label f-l pt-5 text-r w-85">姓名：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" style="width: 117px;" class="input-text radius w-250 f-l" maxlength="50"  id="names" name="names"  placeholder="请输入姓名" autocomplete="off">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="text-c pb-20 pt-10" style="width: 211px;margin-top: 11px;">
                        <input type="button" class="btn btn-secondary radius size-S " onclick="getCodeList()" value="搜&nbsp;&nbsp;索">
                        <input name="" type="reset" onclick="chongzhi()" class="btn radius size-S ml-10" value="重&nbsp;&nbsp;置">
                    </div>
                </td>
            </tr>

                </thead>
            </table>
        <table class="table table-border table-bg table-hover table-sort mt-10" id="tabletables">
            <thead>
            <tr class="text-c">
                <th width="50">序号</th>
                <th width="100">工号</th>
                <th width="100">账号</th>
                <th width="100">姓名</th>
                <th width="100">操作</th>
            </tr>
            </thead>
            <tbody class="shun">
            </tbody>
        </table>
       <!-- <div class="mt-10 roles-tab" id="codeWrap"></div>-->
    </div>
   <!-- <div class="text-c pd-20">
        <a class="btn btn-secondary radius" href="##" onclick="save()">确定</a>
        <a class="btn radius ml-10" href="##" onclick="cel()">取消</a>
    </div>-->
</body>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.combo.select.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/access/role_form.js?rev=@@hash"></script>
<script type="text/javascript">
    function chongzhi() {
        $("#jobnumber").val("")
        $("#names").val("")
    }
    function cel() {
        var index =  parent.location.reload();
        parent.layer.close(index);
    }
</script>
</html>